Урок 5: Заканчиваем с текстом
Урок 5: Заканчиваем с текстомВ этом уроке мы разберем такую немаловажную часть языка html как списки. Различают списки двух видов: упорядоченные (пронумерованные) и неупорядоченные (непронумерованные). Единственным отличием является то, что перед пунктами неупорядоченных списков обычно ставятся символы-буллеты (bullets), например, точки, ромбики и т.п., в то время как пунктам упорядоченных списков предшествуют их номера. Элементы: | Создает неупорядоченный список | | Создает упорядоченный список | | Создает пункты списка внутри элементов OLили UL |
UL (Unsorted List) - Создает неупорядоченный список. Обязательно наличие закрывающиего тега, причем между начальным и конечным тегами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка.
Например: <ul> <li> Первый пункт списка </li> <li> Второй пункт списка </li> <li> Третий пункт списка </li> <li> Четвертый пункт списка </li> </ul> Что мы увидим в браузере:
OL (Ordered List)- Создает упорядоченный список. Между начальным и конечным тегами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка. Атрибуты: START – определяет первое число, с которого начинается нумерация пунктов. (только целые числа) . Если не указывать, начинается с начала. TYPE – определяет стиль нумерации пунктов списка. Возможные значения:
"A" – заглавные буквы A, B, C ... "a" – строчные буквы a, b, c ... "I" – большие римские числа I, II, III ... "i" – маленькие римские числа i, ii, iii ... "1" – арабские числа 1, 2, 3 ... Значение по умолчанию <OL TYPE="1">. Приведу пример: <!-- пример списка с арабскими числами --> Чтобы создать сайт на домашнем компьютере необходимо: <ol type="1" > <li> Выучить html </li> <li> Выучить css </li> <li> Ознакомиться с php </li> </ol> <!-- пример списка с большими римскими числами --> Чтобы создавать сайты быстро желательно: <ol type="I" > <li> знания программы Adobe Dreamweaver </li> <li> знания программы TOpStylePro </li> <li> Знания Photoshop </li> </ol> <!-- пример списка с маленькими буквами --> Чтобы зарабатывать на сайте желательно: <ol type="a" > <li> наличие хорошей посещаемости </li> <li> наличие цифрового продукта для продажи </li> <li> наличие блоков рекламы </li> </ol> <!-- пример списка не с начала --> Чтобы стать успешным в интернете: <ol type ="1" start="2" > <li> писать информацию полезную для людей </li> <li> постоянно пополнять сайт новым содержимым </li> <li> первый пункт придумай сам </li> </ol>
В результате получим:
LI (List Item) - Создает пункт в списке. Располагается внутри элементов OL или UL. Закрывающий тег писать желательно, но не обязательно, это уже решать Вам. Атрибуты:
VALUE – изменяет порядок нумерации элементов списка. Используется только если элемент LI находится внутри элемента OL. В качестве значения указывается порядковый номер элемента.
Приведу пример: Чтобы создать сайт на домашнем компьютере необходимо: <ol ><!--так как тип не указали будет использоваться по умолчанию--> <li> Выучить html </li> <!--сейчас нумерация пойдет с пятого номера--> <li value="5"> Выучить css </li> <li> Ознакомиться с php </li> </ol> Результат в браузере: -----------------------------------------------------------
|